.nav{             /*设置导航div*/
    height:50px;
    background-color: rgb(241, 239, 240);
}
.nav-wrap{       /*设置导航居中的div*/
    width:1000px;
    height:50px;
    margin-left: auto;
    margin-right: auto; 
    position: relative; 
}
.location,.user{
    position:absolute;
    /*display:inline-block; /*转换成内联块使地点、用户和中间内容并排显示*/
    height:50px;
    width:120px;
    font-size:14px;
}
.location{      /*居中的div左边绝对定位*/
    left:20px;
}
.location span{
    display:inline-block;
    position:absolute;
    left:0;
    top:15px;
}
.location a{
    display:inline-block;
    position:absolute;
    left:25px;
    top:15px;
}


/*1、设置"user"div部分，分别将"img"和"个人中心"转化成内联块
  2、对其进行绝对定位，以整个nav-wrap作为相对定位
  3、因为内联块不能进行margin操作，所以进行top和right操作
*/
.user{         
    right:0;
}
.user a{
    display:inline-block;
    position:absolute;
    right:0;
    top:15px;
}
.user span{
    display:inline-block;
    position:absolute;
    right:65px;
    top:15px;
}
/*1、设置"content"div宽度，进行margin操作，使其水平居中
  2、使用text-align:center进行文本居中
  3、清楚所有a标签的格式，并设置颜色
*/
.contentone{     
    width:600px;
    margin-right:auto;
    margin-left:auto;
    text-align: center;
}
a{
    text-decoration:none;    
    color:rgb(81, 81, 81);
}
.contentone a{
    display:inline-block;    /*将单独的a标签转化成内联块*/
    width:60px;           /*设置a标签转化成内联块后的块宽，保持块间间距*/
    margin-top:14px;
}